<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <p v-for="(item,propertyName,index) in obj">
            下标：{{index}}----属性名:{{propertyName}}---属性值：{{item}}
        </p>

        <a v-for="n in pages" style="margin-left: 10px" href="javascript:void(0)" @click="pageClick(n)">{{n}}</a>
    </div>

    <script>
        var vueObj = new Vue({
           el:"#app",
           data:{
               pages:6,
               obj:{id:1,name:"张三",tel:"1302938270",sex:"男"}
           },
            methods:{
               pageClick(pageNO){
                   alert(pageNO);
               }
            }
        });
    </script>
</body>
</html>